<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>凑单品</title>
    <link rel="stylesheet" href="../css/8凑单.css">
</head>

<body>
    <!-- 头部 -->
    <div id="header">
        <p>
            凑单品
            <img src="../assets/imgs/xiaoyuhao-white.png" class="img1" alt="">
        </p>
        <img src="../assets/imgs/header_app.png" alt="">
    </div>

    <!-- 导航 -->
    <nav>
        <div class="JD">
            <p>京东</p>
            <span></span>
        </div>
        <div class="HB">
            <p>华北</p>
            <span></span>
        </div>
        <div class="SQ">
            <p>免费区</p>
        </div>
    </nav>

    <!-- 店铺 -->
    <ul class="JDshow">
        <!-- <li>京东</li>
        <li>京东</li>
        <li>京东</li> -->
    </ul>

    <!-- 地区 -->
    <ul class="HBshow">
        <!-- <li>京东</li>
        <li>京东</li>
        <li>京东</li> -->
    </ul>

    <!-- 商品 -->
    <section id="product">
        <ul class="products">
            <!-- <li>
                <img src="http://img10.360buyimg.com/n7/jfs/t577/85/103283769/55548/3ecfcbf8/5461b6e1N70e46439.jpg" alt="">
                <p>廿一客(21cake)专用餐具 1人份(不单独配送)</p>
                <span>¥0.50</span>
            </li> -->
        </ul>
    </section>

    <!-- 登陆 -->
    <div class="login">
        <div>登入</div>
        <div>注册</div>
        <div class="gotop">返回顶部</div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <p>手机APP下载万锋智慧商城手机版-- 掌上比价平台
        </p>
        <span>chst.vip:8081/com </span>
    </div>


    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="../utils/flexible.js"></script>
    <script src="../js/8凑单.js"></script>
</body>

</html>